import { useState } from 'react';

// 自定义hooks版-受控组件
// 自定义hooks:
// 本质: 是一个函数.
// 特点: use开头+ 驼峰写法. 自定义hooks中可以使用其它的hooks
// 作用: 封装逻辑
export function useControl() {
  const [value, setValue] = useState('');

  const onChange = (e) => {
    setValue(e.target.value);
  };

  return {
    value,
    onChange,
  };
}
